<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="华为是全球领先的ICT（信息与通信）基础设施和智能终端提供商，致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界。" />

		<!-- 搜索关键词 -->
		<meta name="keywords" content="华为,智能手机,5G" />
		<title>华为 - 构建万物互联的智能世界</title>
		<!-- https://www.bitbug.net/ -->

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

		<!-- 引入重置css样式 -->
		<link rel="stylesheet" href="css/reset.css" />

		<!-- 引入字体图标 -->
		<link rel="stylesheet" href="font/iconfont.css" />
		<!-- 引入pc端的css样式 -->
		<link rel="stylesheet" href="css/pc.css" />
		<!-- 引入pad端css样式 -->
		<link rel="stylesheet" href="css/pad.css" media="(max-width:1024px)">
		<!-- 引入移动端样式 -->
		<link rel="stylesheet" href="css/phone.css" media="(max-width:990px)">
	</head>
	<body>
		<!-- 顶部栏 -->
		<div class="header pad-hide">
			<div class="bar W">
				<ul>
					<a href="#">
						<li><span class="iconfont icon-fenlei"></span>
							集团网站
							<span class="iconfont icon-xialajiantouxiao"></span>
						</li>
					</a>
					<a href="#">
						<li><span class="iconfont icon-yuyan"></span>
							选择区域/语言
							<span class="iconfont icon-xialajiantouxiao"></span>
						</li>
					</a>
					<a href="#">
						<li><span class="iconfont icon-denglu-copy"></span>
							登录</li>
					</a>

				</ul>
			</div>
		</div>

		<!-- 头部 -->
		<div class="nav">
			<div class="nav-in W">
				<!-- 左侧logo -->
				<h1><a href="#"><img src="images/huawei_logo.png" alt=""></a></h1>

				<!-- 中间文字部分 -->
				<ul class="list pad-hide">
					<li><a href="javascript:;">个人及家庭产品</a></li>
					<li><a href="javascript:;">商用产品及方案</a></li>
					<li><a href="javascript:;">服务支持</a></li>
					<li><a href="javascript:;">合作伙伴与开发者</a></li>
					<li><a href="javascript:;">关于华为</a></li>
				</ul>
				<!-- 右侧样式 -->
				<div class="right">
					<a href="javascript:;" class="pad-hide" >
						<span class="iconfont icon-gouwudai"></span>
						在线购买
						<span class="iconfont icon-xialajiantouxiao"></span>
					</a>
					<!-- 搜索框 -->
					<a href="javascript:;" class="pad-hide">
						<span class="iconfont icon-sousuoxiao"></span>
					</a>
					<div class="pc-hide pad-show">
						<span class="iconfont icon-sousuoxiao"></span>
						<span class="iconfont icon-gengduo1"></span>
					</div>
				</div>
			</div>
		</div>

		<!-- 轮播图 推荐信息 盒子部分 -->
		<section class="con" id="ww">
			<!-- 轮播图 -->
			<div class="banner">
				<img src="images/banner1.jpeg" alt="" class="phone-hide">
				<img src="images/phoneBanner.jpeg" alt="" class="pc-hide phone-show">
				<a href="#">
					<div class="banner-title phone-hide">
						了解更多
					</div>
					<div class="phone-banner-title 
					pc-hide
					phone-show">
						了解更多
					</div>
				</a>
			</div>
			<!-- 推荐信息部分 -->
			<div class="recommend ww !important">
				<h2 class="recommend-title">推荐信息</h2>
				<!-- 图片部分 -->
				<ul class="list">
					<li class="phone-hide">
						<a href="#">
							<img src="images/list01.jpeg" alt="">
							<div class="text">
								<p>产品</p>
								<h3>HUAWEI Mate Xs 2</h3>
								<p id="title">超轻薄，超平整，超可靠</p>
								<span>了解更多<b>&gt;</b></span>
							</div>
						</a>
					</li>
					<li class="phone-hide">
						<a href="#">
							<img src="images/list02.jpeg" alt="">
							<div class="text">
								<p>产品</p>
								<h3>HUAWEI WATCH GT Pro</h3>
								<p id="title">一表非凡</p>
								<span>了解更多<b>&gt;</b></span>
							</div>
						</a>
					</li>
				</ul>
				<!-- 第2行 -->
				<ul class="list list02">
					<li class="phone-hide">
						<a href="#">
							<img src="images/list03.jpeg" alt="">
							<div class="text">
								<p>产品</p>
								<h3>HUAWEI FreeBuds 5i</h3>
								<p id="title">Hi-Res 认证，高解析音质</p>
								<span>了解更多<b>&gt;</b></span>
							</div>
						</a>
					</li>
					<li class="phone-hide">
						<a href="#">
							<img src="images/list04.jpeg" alt="">
							<div class="text">
								<p>产品</p>
								<h3>HUAWEI MateBook 16s </h3>
								<p id="title">大显本色</p>
								<span>了解更多<b>&gt;</b></span>
							</div>
						</a>
					</li>
				</ul>

				<ul class="list" id="list03">
					<li class="phone-hide ">
						<a href="#">
							<img src="images/list04-m.jpeg" alt="">
							<div class="text">
								<p>招聘</p>
								<h3>华为面向全球招聘</h3>
								<p id="title">诚邀东欧、中欧、亚太等全球的科学家、
									博士、竞赛人才、研发工程师、优秀大学生加盟</p>
								<span>了解更多<b>&gt;</b></span>
							</div>
						</a>
					</li>
					<li class="phone-hide">
						<a href="#">
							<img src="images/list05.jpeg" alt="">
							<div class="text">
								<p>前沿探索</p>
								<h3>憧憬6G，共同定义6G </h3>
								<p id="title">《6G无线通信新征程》序言</p>
								<span>了解更多<b>&gt;</b></span>
							</div>
						</a>
					</li>
					<li class="phone-hide">
						<a href="#">
							<img src="images/list07.jpeg" alt="">
							<div class="text">
								<p>产业报告</p>
								<h3>绿色发展2030报告 </h3>
								<p id="title"> 深入阐述ICT如何使能绿色发展</p>
								<span>了解更多<b>&gt;</b></span>
							</div>
						</a>
					</li>
				</ul>



			</div>


			<!-- 这个盒子在pc端不可见 手机端可见 -->
			<div class="phone-show pc-hide phone-con ">
				<!-- 轮播图部分 -->
				<div class="phone-banner phone-show">
					<img src="images/phoneCon.jpeg" alt="">
				</div>
				<!-- 轮播底部 -->
				<div class="banner-down phone-show">
					<ul>
						<li>
							<a href="#">
								<img src="images/list06.jpeg" alt="">
								<p>活动</p>
								<h4>蓝色海洋下的朗诵者</h4>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="images/phonelist02.jpg" alt="">
								<p>招聘</p>
								<h4>华为面向全球招聘</h4>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="images/phonelist03.jpg" alt="">
								<p>前沿探索</p>
								<h4>憧憬6G，共同定义6G</h4>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="images/phonelist04.jpg" alt="">
								<p>产业报告</p>
								<h4>绿色发展2030报告</h4>
							</a>
						</li>
					</ul>
				</div>
			</div>



			<!-- 开启智慧 -->
			<div class="banner-bottom">
				<img src="images/techclass.jpeg" class="phone-hide" alt="">
				<a href="#" class="more phone-hide">了解更多</a>
				<img src="images/techclass-m.jpg" class="phone-show pc-hide" alt="">
			</div>

			<!-- 新闻部分 -->
			<div class="news ww">
				<h3 class="news-title">新闻与活动</h3>
				<ul class="new-con">
					<li>
						<a href="#">
							<div class="new-image">
								<img src="images/news01.jpg" alt="">
							</div>
							<div class="newstxt">
								<h4>华为云TechWave云会议专题日</h4>
								<p class="address">
									<span>
										<i class="iconfont icon-dingwei"></i>
										线上直播
									</span>
									<span>
										<i class="iconfont icon-rili"></i>
										2022年6月30号
									</span>
								<div class="address-text">
									本次专题日以 “云上高效协作，释放组织新效能”为主题，
									共同探讨企业视频会议上云方案，为企业提供更高效、
									更安全的沟通协作平台，助力企业...
								</div>
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="new-image">
								<img src="images/news02.jpg" alt="">
							</div>
							<div class="newstxt">
								<h4>Win-Win华为创新周</h4>
								<p class="address">
									<span>
										<i class="iconfont icon-dingwei"></i>
										线上直播
									</span>
									<span>
										<i class="iconfont icon-rili"></i>
										7月18日-21日
									</span>
								<div class="address-text">
									面对未来的无限可能，华为与全球运营商、
									合作伙伴一起，打造极简、绿色、智能的ICT基础设施
									，加速数字化转型，推动创新实践，实现全社会的绿色发展。
								</div>
								</p>
							</div>
						</a>
					</li>
					<li>
						<div class="out">
							<div class="xinwen">
								<a href="#">
									<h4>
										北京联通携手华为完成首个千站级MetaAAU部署，
										落地千兆绿色农村战略
									</h4>
									<p>2022年7月11日</p>
								</a>
								<a href="#">
									<h4>
										中国移动研究院联合华为等联合发布《5G新通话技术白皮书》
									</h4>
									<p>2022年7月6日</p>
								</a>
								<a href="#">
									<h4>
										深圳盐田港集团与华为签署战略合作协议，加速港口数字化转型
									</h4>
									<p>2022年7月4日</p>
								</a>
								<a href="#">
									<h4>
										华为ICT大赛2021-2022全球总决赛圆满收官，全球130支大学生队伍获奖》</h4>
									<p>2022年6月28日</p>
								</a>
								<a href="#">
									<h4>
										华为获颁全球首份逆变器产品碳足迹核查声明
									</h4>
									<p>2022年6月28日</p>
								</a>

							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="new-bottom">
				<a href="#">
					<li>更多新闻</li>
					<li>更多活动</li>
				</a>
			</div>

		</section>

		<!-- 底部 -->
		<div class="foot">
			<!-- 底部版心 -->
			<div class="foot-in ww">
				<!-- 上部分 -->
				<div class="foot-top">
					<a href="#" class="phone-hide">首页</a>
					<div class="right" id="right1">
						<input type="text" placeholder="搜索huawei.com">
						<i>|</i>
						<span class="iconfont icon-sousuoxiao"></span>
					</div>
				</div>
				<!-- 中间的盒子 -->
				<div class="footer-center">
					<dl>
						<dt><b>关于华为</b>
							<span class="iconfont icon-xialajiantouxiao pc-hide phone-show"></span>
						</dt>

						<dd><a href="#">公司简介</a></dd>
						<dd><a href="#">可持续发展</a></dd>
						<dd><a href="#">信任中心</a></dd>
						<dd><a href="#">管理层信息</a></dd>
						<dd><a href="#">招纳贤士</a></dd>
						<dd><a href="#">供应商</a></dd>
						<dd><a href="#">查看更多<i>&gt;</i></a></dd>
					</dl>
					<dl>
						<dt><b>新闻与活动</b>
							<span class="iconfont icon-xialajiantouxiao pc-hide phone-show"></span>
						</dt>

						<dd><a href="#">新闻</a></dd>
						<dd><a href="#">展会活动</a></dd>
						<dd><a href="#">媒体活动</a></dd>
					</dl>
					<dl>
						<dt><b>发现华为</b>
							<span class="iconfont icon-xialajiantouxiao pc-hide phone-show"></span>
						</dt>

						<dd><a href="#">华为技术专栏</a></dd>
						<dd><a href="#">智能世界2030报告</a></dd>
						<dd><a href="#">出版物</a></dd>
					</dl>
					<dl>
						<dt><b>发现华为</b>
							<span class="iconfont icon-xialajiantouxiao pc-hide phone-show"></span>
						</dt>

						<dd><a href="#">个人及家庭产品</a></dd>
						<dd><a href="#">企业业务产品</a></dd>
						<dd><a href="#">运营商网络产品</a></dd>
						<dd><a href="#">华为云服务</a></dd>
					</dl>
					<dl>
						<dt><b>技术支持</b>
							<span class="iconfont icon-xialajiantouxiao pc-hide phone-show"></span>
						</dt>

						<dd><a href="#">消费者技术支持</a></dd>
						<dd><a href="#">华为云技术支持</a></dd>
						<dd><a href="#">企业技术支持</a></dd>
						<dd><a href="#">运营商技术支持</a></dd>
						<dd><a href="#">产品安全通告</a></dd>
					</dl>
				</div>
				<!-- 底部 -->
				<div class="foot-bottom">
					<ul>
							<li><a href="">华为商城</a></li>
							<li><a href="">华为云</a></li>
							<li><a href="">华为智能光伏</a></li>
							<li><a href="">产品定义社区</a></li>
							<li><a href="">华为心声社区</a></li>
					</ul>
					<ul class="icon">
						
							<a href="#"><li class="iconfont icon-xinlangweibo"></li></a>
							<a href="#"><li class="iconfont icon-linkedin"></li></a>
							<a href="#"><li class="iconfont icon-weixin"></li></a>
							<a href="#"><li class="iconfont icon-toutiaoyangshi"></li></a>
							<a href="#"><li class="iconfont icon-zhihu-square-fill"></li></a>
					</ul>
				</div>
			</div>
		</div>

		<!-- 版权信息 -->
		<div class="copy" id="copy-title">
			<!-- 版权 -->
			<div class="copy-left">&copy;2022 华为技术有限公司</div>
			<!-- 备案 -->
			<div class="copy-center"><a href="#">粤A2-20044005号 粤公网安备44030702002388号</a></div>
			<!-- 练习方式 -->
			<div class="copy-right">
				<a href="#">联系我们</a>
				<a href="#">法律声明</a>
				<a href="#">隐私政策</a>
				<a href="#">除名查询</a>
			</div>
		</div>
	</body>
</html>
